﻿.details-info
{
    background-color:#e5e5e5;
    border-bottom:2px solid #d6d6d6;
    position:relative;
    width:100%;
    border-radius:5px;
}
.details-banner, .details-info
{
    display:inline-block;
    text-align:left;
}
.cover-container
{
    margin:30px 0 30px 30px;
    display:inline-block;
    float:left;
}
.apps .details-info .cover-image, .devices .details-info .cover-image
{
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.details-info .cover-image
{
    -moz-box-shadow:0 0 4px #8d8d8d;
    -ms-box-shadow:0 0 4px #8d8d8d;
    /*-webkit-box-shadow:0 0 4px #8d8d8d;
    box-shadow: 0 0 4px #8d8d8d;
    width:200px;*/
     width:400px;
     border-radius:5px;
   
}
.details-info .info-container
{
    padding:30px 10px 23px 460px;
    min-height:195px;
}
.info-container .document-title
{
    color:#333;
    font-size:28px;
    font-weight:300;
    line-height:35px;
    margin-bottom:1px;
    white-space:normal;
}
.details-wrapper
{
    text-align:center;
}
.info-container a.document-subtitle.primary, .info-container .document-subtitle.primary a
{
    font-weight:700;
}
.info-container .document-subtitle
{
    color:#8d8d8d;
    display:inline-block;
    font-weight:300;
    vertical-align:top;
    white-space:normal;
    font-size:12px;
    font-family:"Roboto",Arial,sans-serif;
}
.info-container a.document-subtitle.category, .info-container .document-subtitle.category a
{
    font-weight:700;
    line-height:25px;
    width:80px;
}
.info-container .document-subtitle:first-child
{
    border-left:0;
    padding-left:0;
}

.details-actions
{
    margin:4px 0;
    padding:6px 0 5px 0;   
}

.details-actions .play-button:first-child
{
    margin-right:5px;
}
.play-button.apps.medium, .play-button.books.medium, .play-button.devices.medium, .play-button.magazines.medium, .play-button.movies.medium, .play-button.music.medium, .play-button.tv.medium, .play-button.neutral.medium
{
    line-height:36px;
}

.buy-button-container.play-button
{
    padding:0;
}
.details-actions .play-button-wrapper, .details-actions .play-button
{
    display:block;
}
.play-button.apps
{
    background-color:#b3c833;
}

.play-button.apps, .play-button.books, .play-button.devices, .play-button.magazines, .play-button.movies, .play-button.music, .play-button.tv, .play-button.neutral
{
    border:1px;
    color:#fff;
    line-height:36px;
}
.play-button
{
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.05);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05);
    border-shadow:0 1px 0 rgba(0,0,0,0.05);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.17);
    color:#737373;
    cursor:pointer;
    font-family:"Roboto",sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    height:36px;
    line-height:34;
    min-width:40px;
    padding: 0 30px;
    position:relative;
    text-decoration:none;
    white-space:nowrap;
    vertical-align:middle;
    width:100px;
    
}

.details-section
{
    -moz-box-sizing:border-box;
     box-sizing:border-box;
     background-color:#f5f5f5;
     display:block;
     overflow:hidden;
     padding:50px 30px 0 30px;
     position:relative;
     text-align:left;
     width:100%;      
}
.details-section.description.simple .details-section-contents
{
    max-width:1020px;
}
.show-more-container
{
    position:relative;
}
.details-section-contents
{
    display:inline-block;
    position:relative;
    text-align:left;
    width:100%;
}
.details-section .heading
{
    color:#333;
    font-size:28px;
    font-weight:100;
    margin:0 0 10px 0;
    
}
.details-section.description.simple .text-body
{
    color:#333;
    font-size:14px;
    font-weight:300;
    line-height:20px;
    overflow:hidden;
    text-align:left;
    padding-bottom:20px;
}
.show-more-content
{
   
    overflow-y:hidden;
    position:relative;
}
.show-more-container.more .show-more-end
{
    display:inline-block;
}

.show-more-container .show-more-end, .show-more-container.less .show-more-end
{
    display:none;
}
.show-more-end
{
    bottom: 0;
    cursor: pointer;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%;
    background-image: -o-linear-gradient(top,rgba(245,245,245,0),rgba(245,245,245,1));
}
play-button show-more small
{
    border-radius:2px;
    -moz-box-shadow:0 1px 0 rgba(0,0,0,0.05);
    -ms-box-shadow:0 1px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05);
    box-shadow:0 1px 0 rgba(0,0,0,0.05);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition: all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    background-color:#fff;
    border:1px solid rgba(0,0,0,0.17);
    color:#737373;
    cursor:pointer;
    font-family:"Roboto",sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    height:36px;
    line-height:34px;
    min-width:40px;
    padding:0 20px;
    position:relative;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    vertical-align:middle;
}

.show-more-container.more .show-more, .show-more-container.less .show-less, .show-more-container.less .expand-close
{
    display:inline-block;
}
.show-more-container .expand-close.play-button
{
    right:0;
    top:0;
}
.show-more-container.less .show-more, .show-more-container.more .show-less, .show-more-container.more .expand-close, .show-more-container .show-more, .show-more-container .show-less, .show-more-container .expand-close
{
    display:none;
}
.details-section.tech-specs .expand-close, .details-section.description .expand-close, .details-section.about-the-author .expand-close
{
    display:none!important;
}
.expand-close.play-button
{
    height:36px;
    min-width:0;
    overflow:hidden;
    position:absolute;
    right:8px;
    top:5px;
    width:38px;
}
.expand-close .close-image
{
    background:url();
    background-size:contain;
    height:42px;
    left:-2px;
    position:relative; 
    top:-3;
    width:42px;
}